// 静态路由配置
import Home from '@/views/home'
import Detail from '@/views/detail'
import Mine from '@/views/mine'
import Login from '@/views/login'
import Video from '@/views/video'
import Cinema from '@/views/cinema'
import TabBar from '@/components/tab-bar'
import Header from '@/components/header'
const routes = [
  {
    path: '/',
    redirect: '/home', // 重定向
    meta: {},
  },
  {
    path: '/home',
    name: 'home',
    components: {
      default: Home,
      footer: TabBar,
      header: Header,
    },
    meta: {
      icon: '&#xe8ae;', // tabbar 项的图标
      title: '首页', // 标题
      inTabBar: true, // 在 tabbar 中
      noBack: true, // 不可返回（无返回按钮）
      replace: true,
    },
  },
  {
    path: '/cinema',
    components: {
      default: Cinema,
      footer: TabBar,
      header: Header,
    },
    meta: {
      icon: '&#xe8c0;', // tabbar 项的图标
      title: '影院', // 标题
      inTabBar: true, // 在 tabbar 中
      noBack: true, // 不可返回（无返回按钮）
      replace: true,
    },
  },
  {
    path: '/video',
    components: {
      default: Video,
      footer: TabBar,
      header: Header,
    },
    meta: {
      icon: '&#xe645;', // tabbar 项的图标
      title: '视频', // 标题
      inTabBar: true, // 在 tabbar 中
      noBack: true, // 不可返回（无返回按钮）
      replace: true,
    },
  },
  {
    path: '/detail',
    component: Detail,
    meta: {},
  },
  {
    path: '/mine',
    components: {
      default: Mine,
      footer: TabBar,
    },
    meta: {
      icon: '&#xe8bb;', // tabbar 项的图标
      title: '我的', // 标题
      inTabBar: true, // 在 tabbar 中
      noBack: true, // 不可返回（无返回按钮）
      replace: true,
    },
  },
  {
    path: '/login',
    component: Login,
    meta: {},
  },
]

export default routes
